<template>
  <div class="app-main">
    <router-view v-slot="{ Component, route }">
      <keep-alive v-if="route.meta.keepAlive">
        <component :is="Component" />
      </keep-alive>
      <component :is="Component" v-else />
    </router-view>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'App',
  setup() {
    return {}
  }
})
</script>

<style lang="scss">
body {
  background: #f7f8fa;
}
/* 适配iphoneX iphoneXS */
@media screen and (device-width: 375px) and (device-height: 812px) {
  .footer {
    margin-bottom: 34px;
  }
}
/* 适配iphoneXR iphoneXSMax */
@media screen and (device-width: 414px) and (device-height: 896px) {
  .footer {
    margin-bottom: 34px;
  }
}
</style>
